<extend name="Base/index"/>
<block name="body">
    <div class="container">
        <div class="com-dzl">
            <img src="__IMG__/com-dzl.png">
            <p>当前位置： <a href="index.html">首页</a> > <a href="#">{$category.title}</a></p>
        </div>
        <div class="zt-one">
            <div class="com-left-nav">
            <div class="item">
                <div class="head head-act">
                    <div class="cont">
                        <p>精坛系列</p>
                    </div>
                </div>
                <div class="bod bod-act">
                    <volist name="jingtan" id="val">
                        <a href="{$val.url|get_nav_url}">
                            <div class="cont">
                                <div class="txt">
                                    {$val.title}
                                </div>
                                <img class="r-img" src="__IMG__/r-img.png" alt="">
                            </div>
                        </a>
                    </volist>

                </div>
            </div>
            <div class="item">
                <div class="head head-act">
                    <div class="cont">
                        <p>天坛系列</p>
                    </div>
                </div>
                <div class="bod bod-act">
                    <volist name="tian" id="val">
                        <a href="{$val.url|get_nav_url}">
                            <div class="cont">
                                <div class="txt">
                                    {$val.title}
                                </div>
                                <img class="r-img" src="__IMG__/r-img.png" alt="">
                            </div>
                        </a>
                    </volist>

                </div>
            </div>
            <div class="item">
                <div class="head head-act">
                    <div class="cont">
                        <p>地缸系列</p>
                    </div>
                </div>
                <div class="bod bod-act">
                    <volist name="di" id="val">
                        <a href="{$val.url|get_nav_url}">
                            <div class="cont">
                                <div class="txt">
                                    {$val.title}
                                </div>
                                <img class="r-img" src="__IMG__/r-img.png" alt="">
                            </div>
                        </a>
                    </volist>

                </div>
            </div>
            <div class="item">
                <div class="head head-act">
                    <div class="cont">
                        <p><a href="{:U('Article/lists?category=feng')}" style="color:white">风水缸</a></p>
                    </div>
                </div>
            </div><br/>
            <div class="item">
                <div class="head head-act">
                    <div class="cont">
                        <p>泡菜坛系列</p>
                    </div>
                </div>
                <div class="bod bod-act">
                    <volist name="pao" id="val">
                        <a href="{$val.url|get_nav_url}">
                            <div class="cont">
                                <div class="txt">
                                    {$val.title}
                                </div>
                                <img class="r-img" src="__IMG__/r-img.png" alt="">
                            </div>
                        </a>
                    </volist>

                </div>
            </div>
            <div class="item">
                <div class="head head-act">
                    <div class="cont">
                        <p>私人订制系列</p>
                    </div>
                </div>
                <div class="bod bod-act">
                    <volist name="cust" id="val">
                        <a href="{$val.url|get_nav_url}">
                            <div class="cont">
                                <div class="txt">
                                    {$val.title}
                                </div>
                                <img class="r-img" src="__IMG__/r-img.png" alt="">
                            </div>
                        </a>
                    </volist>

                </div>
            </div>
        </div>
            <div class="com-right-box">
                <div class="listbox">
                    <volist name="list" id="val">
                        <a href="{:U('Article/detail',array('id'=>$val['id'],'category'=>$category['name']))}"  class="list">
                            <div class="img">
                                <img src="{$val.cover_id|get_cover='path'}">
                            </div>
                            <div class="name">
                                {$val.title}
                            </div>
                        </a>
                    </volist>
                </div>
                <div class="com-page">
                    <div class="cont">
                        {$pages}
                    </div>
                </div>
            </div>
        </div>
    </div>
</block>
<block name="footer_js">
    <script src="__STATIC__/jquery-1.10.1.min.js"></script>
    <script type="text/javascript">
        // var jsname = 'util';

        require(['util'],function(de){
            de.index_banner();
            de.com_left_nav();
            de.com_footer();
        })
        $('.down .container a').eq(3).addClass('a-act');
        var url = '{$category.name}';
        var ka  = 'liu';
        var st  = 'flower';
        var tr  ='mei';
        var sp  = 'zisha';
        var fr  = 'one';
        var ye  = 'five';
        var ya  = 'ten';
        var mi  = 'two';
        var be  ='gang';
        var ga  = 'onesie';
        var guo = 'three';
        var or  = 'hundred';
        var zh  = 'zhong';
        var shu = 'shua';
        var ji  = 'tan';
        if(url == ka){
            $('.com-left-nav .item .bod  a').eq(0).addClass('a-act');
        }else if(url == st){
            $('.com-left-nav .item .bod  a').eq(1).addClass('a-act');
        }else if(url == tr){
            $('.com-left-nav .item .bod  a').eq(2).addClass('a-act');
        }else if(url == sp){
            $('.com-left-nav .item .bod  a').eq(3).addClass('a-act');
        }else if(url == fr){
            $('.com-left-nav .item .bod  a').eq(4).addClass('a-act');
        }else if(url == ye){
            $('.com-left-nav .item .bod  a').eq(5).addClass('a-act');
        }else if(url == ya){
            $('.com-left-nav .item .bod  a').eq(6).addClass('a-act');
        }else if(url == mi){
            $('.com-left-nav .item .bod  a').eq(7).addClass('a-act');
        }else if(url == be){
            $('.com-left-nav .item .bod  a').eq(8).addClass('a-act');
        }else if(url == ga) {
            $('.com-left-nav .item .bod  a').eq(9).addClass('a-act');
        }else if(url == guo){
            $('.com-left-nav .item .bod  a').eq(10).addClass('a-act');
        }else if(url == or){
            $('.com-left-nav .item .bod  a').eq(11).addClass('a-act');
        }else if(url == zh){
            $('.com-left-nav .item .bod  a').eq(12).addClass('a-act');
        }else if(url == shu){
            $('.com-left-nav .item .bod  a').eq(13).addClass('a-act');
        }else if(url == ji){
            $('.com-left-nav .item .bod  a').eq(14).addClass('a-act');
        }else{
            $('.com-left-nav .item .bod  a').eq(15).addClass('a-act');
        }
    </script>
    <script type="text/javascript">
        function formReset()
        {
            document.getElementById("myForm").reset()
        }
    </script>
</block>